@import url(base.css);

#pleft{float:left;width:324px;}

#pright{float:right;width:664px;}

.leftbox1{border:1px #cccccc solid; background-color:#FFFFFF}

.leftbox1 h2{ padding:9px}

.leftbox1 h2 img{ width:304px}

.leftbox1 h2 a:hover img{filter: Alpha(opacity=60);}

.leftbox1 ul{ padding:2px 9px 8px 9px;}

.leftbox1 li{height:28px;line-height:28px;background:url(/images/ico-1.gif) 5px 10px no-repeat;padding-left:15px;border-bottom:1px #ddd dashed; overflow:hidden}

.leftbox1 li span{float:right; font-size:12px;padding-right:5px;color:#999;}

.xya{width:100%; margin-top:20px;height:255px;background:url(/images/11.png) top center no-repeat;}

.xya h2{ width:1000px;  margin:auto;height:35px;line-height:35px;font-size:22px;color:#333; line-height:27px; text-align:center}

.xya h2 span{ font-size:14px; text-align:center; font-weight:normal}

.xy{width:1000px; margin:auto;overflow:hidden; margin-bottom:15px}

.xy ul{ margin:auto; width:1015px; margin-left:-15px; height:280px; padding-top:10px;}

.xy li{float:left;width:186px;height:180px;border:1px #cccccc solid; font-size:12px; margin-left:15px;color:#666666;line-height:20px; text-align:center; margin-top:18px;}

.xy li img{width:178px;height:140px;padding:4px; margin-bottom:2px}

.xy li p{ padding:2px 5px;height:25px; font-size:14px;line-height:20px;color:#555}

.xy li a{ font-weight:bold; color:#333333; font-size:14px}

.xy li a:hover{color:#009944;}

.xy li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

.xyb{width:100%; margin-top:20px;height:585px;background:url(/images/11a.jpg) top center no-repeat;}

.xyb h2{ width:1000px;padding-top:20px;  margin:auto;height:35px;line-height:35px;font-size:18px;color:#333; line-height:24px; text-align:center}

.xy1{width:1000px; margin:auto;overflow:hidden;  margin-bottom:15px}

.xy1 ul{ margin:auto; width:1000px;  padding-top:10px;}

.xy1 li{ margin:auto; width:682px;border:5px #e1dbdb solid;wfont-size:12px; color:#666666;line-height:20px; text-align:center; margin-top:18px;}

.xy1 li p{ padding:2px 5px;height:25px; line-height:20px;color:#555}

.xy1 li a{ font-weight:bold; color:#333333}

.xy1 li a:hover{color:#009944;}

.xyd{width:100%;padding-top:25px; height:655px;background-color:#eee}

.xyd h2{ width:1000px;  margin:auto;height:35px; line-height:35px;font-size:22px;color:#333; line-height:27px; text-align:center}

.xyd h2 span{ font-size:14px; text-align:center; font-weight:normal}

.xy3{width:1000px; margin:auto;overflow:hidden; margin-bottom:15px}

.xy3 ul{ margin:auto; width:1012px; margin-left:-12px; height:265px; }

.xy3 li{float:left;width:239px;height:270px;border:1px #cccccc solid; background-color:#FFFFFF; font-size:14px; margin-left:12px;color:#666666;line-height:20px; text-align:center; margin-top:18px;}

.xy3 li img{width:233px;height:233px;padding:2px; margin-bottom:2px}

.xy3 li a{color:#333333}

.xy3 li a:hover{color:#009944;}

.xy3 li a:hover img{filter: Alpha(opacity=60);}

.news{width:323px;overflow:hidden;border:1px #cccccc solid; background-color:#FFFFFF}

.news h2{ padding:9px}

.news h2 img{ width:305px}

.news h2 a:hover img{filter: Alpha(opacity=60);}

.news h2 span{float:right;padding-right:10px;padding-top:10px;}

.l{float:left;}

.r{float:right;}

.news.l{}

.news.r{}

.news ul{padding:2px 9px 8px 9px;background-color:#FFFFFF}

.news li{height:28px;line-height:28px;background:url(/images/ico-1.gif) 5px 10px no-repeat;padding-left:15px;border-bottom:1px #ddd dashed; overflow:hidden}

.news li span{float:right; font-size:12px;padding-right:5px;color:#999;}

.xye{width:100%;height:364px;background:url(/images/11c.jpg) top center no-repeat; padding-top:10px; background-color:#004098}

.xy4{width:1205px; margin:auto;overflow:hidden; margin-bottom:15px}

.xy4 ul{ margin:auto; width:1335px; height:394px; padding-top:10px;}

.xy4 ul li{ float:left}

.xy4 ul li a:hover img{filter: Alpha(opacity=60);}

.xyf{width:100%;height:304px;padding-top:20px; background-color:#fff}

.xy5{width:1002px; margin:auto;overflow:hidden; margin-bottom:15px}

.xyc{width:100%; margin-top:20px;height:685px;background:url(/images/11.png) top center no-repeat;}

.xyc h2{ width:1002px;  margin:auto;height:35px;line-height:35px;font-size:22px;color:#333; line-height:27px; text-align:center}

.xyc h2 span{ font-size:14px; text-align:center; font-weight:normal}

.xy2{width:1002px; margin:auto;overflow:hidden; margin-bottom:15px}

.xy2 ul{ margin:auto; width:1002px; height:350px; padding-top:10px;}

.hzbg { height:320px; padding-top:15px;overflow:hidden; padding-bottom:15px}

.hz { height:320px; overflow:hidden; width:1002px; margin:0 auto;}

.hz_c { height:320x; overflow:hidden;}

.hz_c ul { width:972px; overflow:hidden; display:inline;}

.hz_c ul li { float:left; text-align:center; width:221px; height:272px;border:1px solid #e1e1e1; display:inline; margin:0 10px; overflow:hidden;}

.hz_c ul li img { width:221px; height:221px; padding:1px}

.hz_c ul li a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

.hz_c ul li p{ padding:2px 5px;height:25px; line-height:20px;color:#555}

.h01 { margin-top:100px;}

.fl { float:left;}

.fr { float:right;}



/* why */



.homeWhy{ background-color:#fff; padding:60px 0;}



.whyTitle{ background:url(../images/why-title.png) no-repeat center top; height:150px;}





.homeWhyTab{ height:160px; margin-top:40px;}

.homeWhyTab ul{}

.homeWhyTab ul li{ width:240px; height:120px; padding-top:40px; float:left; background-color:#f5f5f5; text-align:center; cursor:pointer;}

.homeWhyTab ul li:nth-child(2){ background-color:#eee;}

.homeWhyTab ul li:nth-child(3){ background-color:#e3e3e3;}

.homeWhyTab ul li:nth-child(4){ background-color:#dcdcdc;}

.homeWhyTab ul li:nth-child(5){ background-color:#d0d0d0;}

.homeWhyTab ul li h6{ position:relative; font-weight:700; font-size:30px; line-height:40px; color:#a6a6a6; }

.homeWhyTab ul li h6:before{ content:""; overflow:hidden; position:absolute; right:80px; top:19px; height:2px; width:10px; background-color:#a6a6a6;}

.homeWhyTab ul li h6:after{ content:""; overflow:hidden; position:absolute; left:80px; top:19px; height:2px; width:10px; background-color:#a6a6a6;}

.homeWhyTab ul li p{ font-size:18px; line-height:40px; color:#555;}



.homeWhyTab ul li.on{ background-color:#07629f; color:#fff;}

.homeWhyTab ul li.on h6{ color:#fff;}

.homeWhyTab ul li.on h6:before,.homeWhyTab ul li.on h6:after{ background-color:#fff;}

.homeWhyTab ul li.on p{ color:#fff;}





.whyList{ height:300px; border-bottom:3px solid #e5e5e5; background-repeat:no-repeat; background-position:right bottom;}



.whyText{ position:relative; width:500px; float:left; padding-left:100px;}

.whyText h6{font-family:'Impact7598deec817559'; font-size:80px; line-height:80px; color:#888; position:absolute; left:0; top:0px;}



.whyText h2{ position:relative; font-weight:700; font-size:26px; line-height:30px; color:#333;}

.whyText h2 span{ color:#cc2b1e;}



.whyText ul{ padding:10px 0 20px; font-size:14px; line-height:28px; color:#333;}

.whyText ul li{ padding:0 0 10px 12px; background-image:url(../images/why-jiao.png); background-repeat:no-repeat; background-position:left 8px; font-size:14px; line-height:24px; color:#555; margin-top:10px; border-bottom:1px dotted #aaa;}

.whyText ul li:nth-last-child(1){ border:none;}



.whyText h5 a{ display:inline-block; font-size:12px; line-height:30px; color:#555; position:relative; padding:0 25px 0 15px; background-color:#ddd; margin-right:5px;}

.whyText h5 a em{ width:4px; height:7px; position:absolute; right:14px; top:50%; margin-top:-3px; background:url(../images/tm/jiao-b-2.png) no-repeat right 50%;}

.whyText h5 a:hover{ background-color:#cc2b1e; color:#fff;}

.whyText h5 a:hover em{background:url(../images/tm/jiao-w-8.png) no-repeat right 50%;}





.whyTel{padding-left:48px; background:url(../images/tel.png) no-repeat left 3px; margin-top:30px;}

.whyTel dt{ font-size:14px; line-height:20px; color:#888}

.whyTel dd{ font-size:24px; line-height:24px; color:#555;}





.whyList-1{ background-image:url(../images/why-a.jpg);}

.whyList-2{ background-image:url(../images/why-b.jpg);}

.whyList-3{ background-image:url(../images/why-c.jpg);}

.whyList-4{ background-image:url(../images/why-d.jpg);}

.whyList-5{ background-image:url(../images/why-e.jpg);}



.whyList-1 .whyText{ margin-left:40px; margin-top:100px;}

.whyList-2 .whyText{ margin-left:40px; margin-top:100px;}

.whyList-3 .whyText{ margin-left:40px; margin-top:100px;}

.whyList-4 .whyText{ margin-left:40px; margin-top:100px;}

.whyList-5 .whyText{ margin-left:40px; margin-top:100px;}

.whyList-6 .whyText{ margin-left:40px; margin-top:100px;}



/* 关于我们 */





.homeAbout{ padding:60px 0 0px; background-color:#eee;}



.homeAboutContent{ padding:40px; background-color:#fff;}

.home-about-pic{ position:relative; width:470px; height:300px;}



.home-about-text{ width:610px; height:255px; margin-left:40px; position:relative;}

.home-about-title{}

.home-about-title h2{ font-size:24px; line-height:26px; color:#cc2b1e;}

.home-about-title p{font-size:20px; line-height:40px; color:#fff;}



.home-about-text dl{ height:230px; position: absolute; left:0; bottom:0; right:0;}

.home-about-text dl dt{ font-size:14px; line-height:28px; padding:20px 0px;}

.home-about-text dl dd{ position: absolute; left:0; bottom:0;}

.home-about-text dl dd a{ display:inline-block; width:100px; font-size:12px; line-height:36px; color:#fff; background-color:#555; text-align:center; margin-right:10px;}

.home-about-text dl dd a:hover { background-color:#cc2b1e;}